Method and apparatus for controlling a display of a data process system

ABSTRACT

Method and apparatus for controlling a display of a data processing system. According to one embodiment of the invention, a method of controlling a display of a data processing system includes: displaying a first list as a scrollable view of items in a first mode; receiving an input to switch from the first mode to a second mode; and displaying, in the second mode, a representation of a command which when activated causes a display of a second list of the items. The first list is displayed within a window and the representation is displayed within the window. According to another embodiment of the invention, a method of controlling a display of a data processing system includes: displaying, in a first mode, a slider control having a slider which can be positioned in one of a plurality of positions to select a corresponding one of a plurality of parameters; receiving an input to switch from the first mode to a second mode; and displaying, in the second mode, a representation of a command which when activated causes a display of a list of items corresponding to at least a subset of the plurality of parameters.

This application is a continuation of U.S. patent application Ser. No.10/101,302, filed on Mar. 18, 2002 now U.S. Pat. No. 7,444,599. Thisapplication also claims the benefit of the filing date of ProvisionalApplication No. 60/364,995, filed Mar. 14, 2002, and entitled “Methodand Apparatus for Controlling a Display of a Data Processing System” byinventors Imran Chaudhri and Bas Ording.

FIELD OF THE INVENTION

The invention relates to digital processing systems, and moreparticularly to Graphical User Interfaces (GUI).

BACKGROUND OF THE INVENTION

A typical Graphical User Interface (GUI) includes a number of GUIcomponents (e.g., icons, labels, push buttons, radio buttons,checkboxes, combination boxes or combo boxes, pop-up menus, pop-downmenus, menu bars, tool bars, text entries, text areas, canvas panels,sliders, and others) contained within a window. A user may want toreduce the size of the window to make room for other windows, or enlargethe window to have a large area for displaying detailed information inthe window. When the window containing these GUI components is resized,the layout of the GUI components within the window is typically changedin order to accommodate the new size of the window.

FIGS. 2-4 show a prior art method of rearranging buttons when the windowcontaining the buttons is resized. In FIG. 2, window 200 containsbuttons 211-216 and canvas panels 203 and 205 for displayinginformation. Canvas panel 203 contains information that cannot beentirely fit into panel 203. Thus, a scroll control 201 is provided fora user to view different portions of the information displayed in canvaspanel 203.

A user may drag an edge of the window to resize it. For example, a usermay drag near point 201, where the cursor changes its shape to indicatedragging is causing the window to change its width. When the size of thewindow is reduced, the buttons are rearranged. In FIG. 3, the width ofthe window is reduced when compared to that in FIG. 2. Since the sizesof the buttons 211-216 are fixed, only buttons 211-214 can be displayedabove canvas panels 203 and 205. Thus, buttons 215-216 are hidden. Icon305 is displayed to indicate that some of the buttons are hidden, whichcan be accessed by selecting it (positioning a cursor over icon 305 andpressing a button such as a mouse's button). The widths of canvas panels205 and 203 are resized so that canvas panels 205 and 203 can bedisplayed within the window. When the width of canvas 303 is not largeenough to display the information in it, a scroll bar 303 is providedfor navigation purposes.

The user may further adjust the width by dragging near point 301. Whenthe window is reduced to a width as shown in FIG. 4, only buttons211-213 are visible above canvas 203. Canvas 205 is hidden, since thereis not enough space for it. Canvas 205 is displayed only when the windowhas a large enough space for it. When the user presses icon 405 withcursor 403 (e.g., pressing a button of a mouse when the cursor 403 islocated above icon 405), a menu 401 is shown in a separate window,displaying buttons 411, 413, and 415. Buttons 411-415, corresponding tobuttons 214-216, are normally hidden when the window is resized to awidth as shown in FIG. 4. When icon 405 is pressed, buttons 411-415 aredisplayed so that the user may press one of them.

Thus, when a window containing a number of GUI components is resized,the layout of GUI components within the window is typically changed toaccommodate the size of the window.

SUMMARY OF THE INVENTION

Methods and apparatuses for controlling a display of a data processingsystem are described here.

According to one exemplary embodiment of the invention, a method ofcontrolling a display of a data processing system includes: displaying afirst list as a scrollable view of items in a first mode; receiving aninput to switch from the first mode to a second mode; and displaying, inthe second mode, a representation of a command which when activatedcauses a display of a second list of the items. The first list isdisplayed within a window and the representation is displayed within thewindow. The window may include buttons for closing the window,minimizing the window and maximizing the window. The window may containa plurality of scrollable views in the first mode. The scrollable viewof the items may be a scrollable list view of the items. The scrollablelist view contains at least one of: a) scroll arrows; and b) scroll barfor scrolling the first list in one example. In another exampleaccording to this aspect, the representation of the command is a button;and the first and second lists have the same content. In another exampleaccording to this aspect, the input includes dragging a portion of thewindow which contains the scrollable view; and the window shrinks to aminimal predetermined size independently of a drag length when the draglength causes the window to reach a predetermined size. In anotherexample according to this aspect, the input is clicking a button. Thesecond list is displayed within a movable window. The second list may bealso scrollable.

According to another embodiment of the invention, a method ofcontrolling a display of a data processing system includes: displaying,in a first mode, a slider control having a slider which can bepositioned in one of a plurality of positions to select a correspondingone of a plurality of parameters; receiving an input to switch from thefirst mode to a second mode; and displaying, in the second mode, arepresentation of a command which when activated causes a display of alist of items corresponding to at least a subset of the plurality ofparameters. In one example according to this aspect, the representationof the command is a button. The content of the plurality of positionsmatches corresponding ones of the items. The input may be determinedfrom dragging a portion of a window containing the slider. In anotherexample according to this aspect, the input is determined from clickinga button. The slider control is displayed within a movable window; andthe representation is displayed within the movable window in the secondmode.

According to a further embodiment of the invention, a method to displaya control in a graphical user interface includes: determining whetherthe control is in a first mode or in a second mode, the control havingfirst information and second information, the first informationidentifying the control, the second information describing the control;displaying the control as a first type of user interface in a firstwindow showing both the first information and the second information,when the control is in the first mode; displaying the control as asecond type of user interface in the first window showing the firstinformation and not showing the second information, when the control isin the second mode; and displaying the second information in a secondwindow in response to receiving input to the control when the control isin the second mode. In one example according to this aspect, the secondinformation describes optional states for the control; a layout of thesecond information in the second window is substantially the same as alayout of the second information in the first window. To display thesecond information the first type of user interface uses one of: a) aselection list; b) a checkbox set; c) a radio button group; d) a slider;e) a text area; and f) a canvas. The second window is one of: a) a popupwindow; b) a pulldown window; and c) a dialog window. The second type ofuser interface is displayed in a smaller area in the first window thanthe first type of user interface; and the control is in the second modewhen an area allocated for the control is smaller than a critical size.

According to a further embodiment of the invention, a method to displaya graphical user interface (GUI) includes: determining whether a firstwindow is in a first mode or in a second mode; when the first window isin the first mode: displaying detailed information of a first GUIcomponent of the first window in a first scrollable area of the firstGUI component in the first window; when the first window is in thesecond mode: displaying the first GUI component without showing thedetailed information in the first window; and displaying the detailedinformation in a second window in response to receiving input whichrequires the detailed information be displayed. In one example of theaccording to this aspect, first input is received to resize the firstwindow; and whether the first window is in the first mode or in thesecond mode depends on a size of the first window. The first inputcomprises input dragging a portion of the first window. When a secondGUI component of the first window is smaller than a critical size, thefirst window is in the first mode. In another example, when the firstGUI component is smaller than a critical size, the first window is inthe first mode. When the first window is in the second mode and thedetailed information is displayed, the detailed information is displayedin a second scrollable area in the second window. The detailedinformation is a list of options. The second window is a top levelwindow. A layout of the detailed information in the first scrollablearea is substantially the same as a layout of the detailed informationin the second window. In one example, the first window automaticallyreduces to a size large enough to accommodate all GUI components of thefirst window.

According to a further embodiment of the invention, a method to displaya graphical user interface (GUI) includes: determining a size of a firstGUI component of a first window, the first GUI component having detailedinformation; when the first GUI component is in a first size, displayingthe detailed information in the first window; when the first GUIcomponent is in a second size, displaying the detailed information inthe first window; when the first GUI component is in a third size,displaying the first GUI component without showing the detailedinformation in the first window and displaying the detailed informationin a second window in response to receiving input to the first GUIcomponent. When the GUI component is changed from the first size to thesecond size, the area occupied by the detailed information changes. Inone example according to this aspect, a representation of the detailedinformation is scaled to display the detailed information in the firstwindow. The detailed information is displayed in a scrollable area inthe first window. The first GUI component automatically reduces to thethird size when an area allocated for the first GUI component in thefirst window is smaller than a critical size; and the first windowautomatically reduces to a size large enough to contain all GUIcomponents of the first window after automatically reducing the firstGUI component to the third size.

The present invention includes apparatuses which perform these methods,including data processing systems which perform these methods andcomputer readable media which when executed on data processing systemscause the systems to perform these methods.

Other features of the present invention will be apparent from theaccompanying drawings and from the detailed description which follow.

BRIEF DESCRIPTION OF THE DRAWINGS

The present invention is illustrated by way of example and notlimitation in the figures of the accompanying drawings in which likereferences indicate similar elements.

FIG. 1 shows a block diagram example of a data processing system whichmay be used with the present invention.

FIGS. 2-4 show a prior art method of rearranging buttons.

FIGS. 5-8 show examples of switching between a normal mode and a minimode for a graphical user interface according to one embodiment of thepresent invention.

FIGS. 9-12 show alternative user interfaces for a normal mode and a minimode according to alternative embodiments of the present invention.

FIG. 13 shows user interface components which may be used in a mini modeaccording to one embodiment of the present invention.

FIG. 14 shows examples of switching from a normal mode to a mini modefor various user interface components according to various embodimentsof the present invention.

FIGS. 15-17 show flow chart examples of methods to switch user interfacecomponents between a normal mode and a mini mode according to variousembodiments of the present invention.

FIGS. 18-19 show examples of scrollable views which may be used with thepresent invention.

FIG. 20 shows an example of scaling a representation of displayedinformation according to one embodiment of the present invention.

DETAILED DESCRIPTION

The following description and drawings are illustrative of the inventionand are not to be construed as limiting the invention. Numerous specificdetails are described to provide a thorough understanding of the presentinvention. However, in certain instances, well known or conventionaldetails are not described in order to avoid obscuring the description ofthe present invention.

FIG. 1 shows one example of a typical computer system which may be usedwith the present invention. Note that while FIG. 1 illustrates variouscomponents of a computer system, it is not intended to represent anyparticular architecture or manner of interconnecting the components assuch details are not germane to the present invention. It will also beappreciated that network computers and other data processing systemswhich have fewer components or perhaps more components may also be usedwith the present invention. The computer system of FIG. 1 may, forexample, be an Apple Macintosh computer.

As shown in FIG. 1, the computer system 101, which is a form of a dataprocessing system, includes a bus 102 which is coupled to amicroprocessor 103 and a ROM 107 and volatile RAM 105 and a non-volatilememory 106. The microprocessor 103, which may be a G3 or G4microprocessor from Motorola, Inc. or IBM is coupled to cache memory 104as shown in the example of FIG. 1. The bus 102 interconnects thesevarious components together and also interconnects these components 103,107, 105, and 106 to a display controller and display device 108 and toperipheral devices such as input/output (I/O) devices which may be mice,keyboards, modems, network interfaces, printers, scanners, videocameras, microphones and other devices which are well known in the art.Typically, the input/output devices 110 are coupled to the systemthrough input/output controllers 109. The volatile RAM 105 is typicallyimplemented as dynamic RAM (DRAM) which requires power continually inorder to refresh or maintain the data in the memory. The non-volatilememory 106 is typically a magnetic hard drive or a magnetic opticaldrive or an optical drive or a DVD RAM or other type of memory systemswhich maintain data even after power is removed from the system.Typically, the non-volatile memory will also be a random access memoryalthough this is not required. While FIG. 1 shows that the non-volatilememory is a local device coupled directly to the rest of the componentsin the data processing system, it will be appreciated that the presentinvention may utilize a non-volatile memory which is remote from thesystem, such as a network storage device which is coupled to the dataprocessing system through a network interface such as a modem orEthernet interface. The bus 102 may include one or more buses connectedto each other through various bridges, controllers and/or adapters as iswell known in the art. In one embodiment the I/O controller 109 includesa USB (Universal Serial Bus) adapter for controlling USB peripherals.

It will be apparent from this description that aspects of the presentinvention may be embodied, at least in part, in software. That is, thetechniques may be carried out in a computer system or other dataprocessing system in response to its processor, such as amicroprocessor, executing sequences of instructions contained in amemory, such as ROM 107, volatile RAM 105, non-volatile memory 106,cache 104 or a remote storage device. In various embodiments, hardwiredcircuitry may be used in combination with software instructions toimplement the present invention. Thus, the techniques are not limited toany specific combination of hardware circuitry and software nor to anyparticular source for the instructions executed by the data processingsystem. In addition, throughout this description, various functions andoperations are described as being performed by or caused by softwarecode to simplify description. However, those skilled in the art willrecognize what is meant by such expressions is that the functions resultfrom execution of the code by a processor, such as the microprocessor103.

At least one embodiment of the present invention seeks to utilize GUIcomponents with different modes such that the GUI components can bedisplayed and accessed differently in different modes. When a window islarge enough to display detailed information effectively, a GUIcomponent displays the detailed information in a normal mode; when thewindow is resized such that the detailed information cannot beeffectively displayed in a small area, the GUI component enters a minimode, in which the detailed information is hidden. However, the GUIcomponent is still displayed in the mini mode with essential informationabout the GUI component so that a user can easily access the detailedinformation when needed.

FIGS. 18-19 show examples of scrollable views which may be used with thepresent invention. FIG. 18 shows examples of scrollable list views. Whena list is displayed in scrollable list view 1801, which is large enoughto make all the items visible simultaneously, blank space 1803 may beused to fill up the remaining space. When the view is resized, the blankspace may be enlarged or reduced; however, the area for displaying thelist remains the same, since the size of each item normally is fixed.

When the scrollable list view is resized to view 1811, only a portion ofthe list is visible simultaneously in view 1811. Thus, a scroll bar 1813appears so that other portions of the list can be brought into view1811. Since invisible items 1815-1817 are all bellow the bottom of view1811 and the top portion of the entire list is visible in view 1811,thumb 1813 is at the top of the slider. When thumb 1813 is moved down toa position 1823 in view 1821, the list scrolled up so that item 1829becomes invisible and item 1815 becomes visible. Items 1826 and 1827 arestill invisible. When thumb 1823 is moved further down to the bottom(1833) of the slider, the bottom portion of the list is visible in view1831; the top portion of list (items 1827-1829) becomes invisible.Typically, the scrollable list view scrolls the list one item at a time,although it may scroll several at a time. The list may be scrolled witha scroll bar, or arrows (e.g., pressing arrow 1851 or 1852), or othermeans (e.g., up and down arrows on a keyboard). For example, a cursormay be placed near (or above) area 1841 to scroll down a list and near(or below) area 1843 to scroll up the list.

FIG. 19 shows examples of scrollable views, which can be scrolledcontinuously and smoothly. When the width of view 1901 is resized tothat of view 1911, scroll bar 1913 appears to allow horizontalscrolling. When the height of view 1911 is resized to that of view 1921,scroll bar 1925 appears to allow vertical scrolling, in addition toscroll bar 1923 for horizontal scrolling. When thumbs 1933 and 1935 aremoved to positions in view 1931 from view 1921, a different portion ofthe detailed information (which is shown entirely in view 1901) becomesvisible in view 1931.

FIG. 20 shows an example of scaling a representation of displayedinformation according to one embodiment of the present invention. View2001 displays labels (or text entries) 2007 and 2009 and slider 2003.The value displayed in label 2007 (or 2009) corresponds to the minimum(or the maximum) value for the slider when the thumb 2002 is at the top(or the bottom) position of the slider. From the position of thumb 2002and the maximum and minimum values displayed on labels 2007 and 2009,the slider determines the current value for display on label 2005. Thumb2002 can be moved along slider 2003 to change the current value. Whenview 2001 is resized to view 2011, slider 2013 and thumb 2012 areresized so that all components can be visible within view 2011. Whenview 2011 is further resized to view 2021, the sizes of slider 2023 andthumb 2022 are further reduced. When view 2021 is further resized toview 2031, the size of slider 2033 is reduced; and no thumb is visible.In view 2031 (as well as in views 2001, 2011, 2021), scroll arrows (2037and 2039) can be use to scroll.

FIGS. 5-8 show examples of switching between a normal mode and a minimode for a graphical user interface according to one embodiment of thepresent invention. Window 500 provides a user interface for setting fontattributes (e.g., font family, type, size). Labels 511, 513, 515 and 517indicate the attributes that a user may adjust. Selection lists 508,507, 506 and 505 display the optional parameters for correspondingattributes. A user can select a value from a list to set thecorresponding attribute to the selected value. Since the list ofparameters is too large to fit into display area 505, a scroll bar 521is provided. Arrows 527 and 525 can be used to scroll the list up anddown when pressed; and thumb 523 can be moved along the scroll control521 to scroll the list. For example, when the user wants to set the fontsize to 24, which is not currently visible in display area 505, the usercan press arrow 527, or pull down thumb 523 (toward arrow 527), toscroll up the list so that options for size larger than 18 can bebrought into display area 505. Once the desirable parameter is indisplay area 505, the user can select it.

The user can drag the portion 501 with cursor 503 to resize window 500.When it is resized as window 600 in FIG. 6, labels 511-517 remains ontop of selection lists 608, 607, 606 and 605. Since the height of thewindow is changed, the heights of selection lists 608, 607, 606 and 605are adjusted accordingly so that all GUI components can be displayedwithin window 600. In window 500, all options for font type (515) can befitted in display area 506. However, after changing from window 500 towindow 600, not all options for font type can be fitted into displayarea 606. Thus, scroll bar 615 appears to help the user to navigatethrough the list of options when necessary. In FIG. 6 (or FIG. 5), theGUI components are in a normal mode, where detailed options are shown inselection lists below the labels.

In addition to optional icon buttons 611, 613 and 615 for closing thewindow, minimizing the window, and maximizing the window respectively,window 600 has an optional button 601 for switch from the normal mode toa mini mode. Alternatively, the user can further reduce the size of thewindow by dragging with cursor 603 to switch from the normal mode to themini mode. In another embodiment of the present invention, window 600does not have button 601 for switching mode; and mode switching occursonly when the window is resized (via a dragging operation) to have aheight smaller than a predetermined value. In an alternative embodimentof the present invention, a toggle button is located inside area 620 formode switching (instead of icon button 601 on title bar 630).

Once in the mini mode (e.g., FIG. 7 or FIG. 8), the options lists aredisplayed as combination boxes (combo boxes) or pop-up menus. Selectionlists 605-608 in the normal mode are converted into combo boxes (orpop-up menus) 705-708 in the mini mode. In a combo box, a user canselect an item from a pop-up menu, or directly typing in a desirablevalue (e.g., combo box 705 for inputting a size); in a pop-up menu, auser can only select one from a predetermined list of values (e.g.,pop-up menu 706). For example, when the user uses cursor 803 to selectarea 807 (e.g., pressing a button with cursor 803 on area 807, orstopping cursor 803 on area 807), a scrollable pop-up menu 805 appears.Since the area for the menu is not large enough to display all optionssimultaneously, a scroll bar appears in the pop-up menu 805 in oneembodiment of the invention. Note that a scrollable pop-up menu mightnot in some cases have a scroll control. Various techniques (e.g.,scrolling when a cursor is on (or outside) the boundary of an area, orwhen an arrow is pressed) for scrolling can be use with a scrollableview (e.g., scrollable list, scrollable menu, canvas, text area).

In one embodiment of the present invention, once the user drags withcursor 603 in FIG. 6 to reduce the height of window 600 to that ofwindow 700 (or to some predetermined size), mode switching occurs. Inone example, the window automatically further reduces the height to thatof window 800, which is a minimum size required for containing allcomponents in the mini mode (rather than stopping at the point at whichthe user completes the dragging operation which shrinks the window).FIG. 7 shows an example of a window which was reduced in size by, forexample, a dragging operation, yet the window was not automaticallyreduced to a minimum size as is shown in FIG. 8. With the embodimentwhich automatically reduces the size to a minimum size, the system wouldfurther reduce the size to the minimum size without any furtherinstruction from the user. Once a window reaches the minimum sizerequired for containing all components in the mini mode, the window isnot normally further reduced. Any attempt to drag the window to a sizesmaller than the minimum size will be ignored. Alternatively, a drag ofa length longer than a predetermined value minimizes the window into anicon.

In another embodiment of the present invention, when optional iconbutton 601 is pressed, window 600 in the normal mode is switched intowindow 700 in the mini mode. When icon button 701 is pressed, window 700in the mini mode is switched back to window 600. In one example, awindow remembers the size of the window in the normal mode such that itcan be switched back from the mini mode to the previous state in thenormal mode. In another example, mode switch buttons (e.g., 801, 701 and601) change the mode and resize the window to predetermined sizes bytoggling between the two modes/sizes.

FIGS. 9-12 show alternative user interfaces for a normal mode and a minimode according to alternative embodiments of the present invention. FIG.9 shows an example where the components in a mini mode are displayed asbuttons. When in a mini mode, lists 605-608 (in FIG. 6) withcorresponding labels are converted into buttons 905-908, which whenactivated display the corresponding selection lists in popup windows.For example, when cursor 1001 is over button 907 in FIG. 10 (orotherwise selects button 907), pop-up menu 1001 appears with scrollcontrol 1003 for the user to select a desirable menu. These buttons inthe mini mode may bring up a combo box, a pop-up menu, a slider, adialog box, or others in a separate popup window (or, top level window),which may be movable, in order to display the detailed information thatis normally hidden in the mini mode. Typically, the layout of thedetailed information in the popup window is the same or very similar tothat in the normal mode such that the user can easily identify thecontents in the popup window. For example, the arrangement in a row ofthe buttons 905-908 matches the arrangement in a row of the lists605-608.

Window 1100 in FIG. 11 shows slider 1113 for setting font size 1111.When thumb 1115 moves along slider 1113, a font size is determined fromthe position of thumb 1115. After the user drags with cursor 1103 toresize window 1100 to window 1200, the heights of selection lists1106-1108 are reduced to form selection lists 1206-1208. Slider 1113 isresized to slider 1213; and thumb 1115 is resized into thumb 1215. Theuser can further drag with cursor 1203 to switch from window 1200 in thenormal mode to window 900 (in FIG. 9) a mini mode. On the other hand,the user can also drag with cursor 903 to increase the size of window900 in order to switch back to the normal mode (e.g., window 1200).

In FIG. 9, button 911 is provided in the window in the mini mode. When“pushed” (e.g., a user selects the button by positioning the cursor overthe button and pressing a button such as a mouse's button), button 911causes window 900 to return to the normal mode (e.g., window 1100 inFIG. 11 or window 600 in FIG. 6), where buttons 905-908 will be expandedinto selection lists for easy access. Similarly, a window in a normalmode may also have a mode switching button for entering into a minimode.

In the mini mode, window 1000 takes a minimum area for display of GUIcomponents for accessing the controls represented by the correspondingGUI components, leaving more room for showing other windows. Once button911 is activated, it switches the window into a normal mode, forexample, window 1100. In window 1100, options lists are displayed inscrollable areas (or as slider 1113). Thus, a user can easily seeavailable options; and detailed option lists can be seen for differentcontrols at the same time. A user can access one control easily in amini mode with a minimum desktop space; and a user can work withmultiple controls more effectively when the window is in a normal mode.Thus, switching between a mini mode and a normal mode allows a user touse the user interface effectively for varying situations.

FIG. 13 shows user interface components which may be used in a mini modeaccording to one embodiment of the present invention. Combo box 1301allows the user to directly type in a value, or to pop up a menu 1307 byselecting icon 1303. A scrollable list is displayed in pop-up menu 1307when activated by cursor 1305. A user may scroll the list by placing thecursor near the boundary of the list. For example, when the cursor ismoved to a point near area 1309, the list will scroll up to display theoptions under item 1308.

Pop-down menu 1311 contains menu items associated with various commands.When pop-down menu 1311 is activated (e.g., by a short cut key, or bybeing selected with cursor 1313), menu items 1315 pops down to displayavailable commands.

Pop-up menu 1321 allows a user to select one item from a fixed list ofitems. Typically, a pop-up menu does not allow a user to directly typein a value, thereby limiting the input value to a predetermined set.When activated by cursor 1323, a popup window 1325 shows a scrollablelist of items, from which a user can select one by a point and clickoperation or other methods. When not activated, pop-up menu 1321displays the current selected value; alternatively, pop-up menu 1321 maydisplay a label (e.g., label 513 in FIG. 5) identifying the purpose ofthe menu (e.g., the attribute for which a value can be modified by thepop-up menu).

Icon menu 1333 is similar to a pop-up menu 1321. Instead of displaying aselected value or a label, icon 1331 is used to identify the menu.Typically, an icon requires only a small area to display; and typically,an icon is visually pleasing and easy for a user to recognize. Whenactivated by cursor 1334, pop-up menu 1335 appears.

Button 1341 may contain a icon, or a label, or both. When selected bycursor 1343, a popup window 1345 shows a scrollable list, which hasarrows 1347 and 1349 for scrolling. When arrow 1347 is pressed, the listin window 1345 scrolls down to reveal more items, if any, from the topof the list; when arrow 1349 is pressed, the list in window 1345 scrollsup to reveal more items, if any, from the bottom of the list.Alternatively, button 1341, when activated, may bring up a movabledialog box, which contains a selection list similar to 1345.

FIG. 14 shows examples of switching from a normal mode (in the leftcolumn of FIG. 14) to a mini mode (in the right column of FIG. 14) forvarious user interface components according to various embodiments ofthe present invention. Selection list 1401 in a normal mode may switchto combo box (or a pop-up menu) 1407 in a mini mode. When in a minimode, list 1405 and scroll bar 1403 is hidden. A selected value is shownat field 1408; and icon 1409 can be selected to activate and bring upthe list of options. Alternatively, the label of selection list 1401(“Family”) can be displayed at field 1408.

Label 1411 is associated with a number of options, represented ascheckboxes (e.g., checkbox button 1412). The status of the variablesassociated with each checkbox button (or toggle button) is indicated bythe corresponding box (e.g., 1413). When in a mini mode, label 1411 isconverted into pop-down menu 1415, which when activated by cursor 1417,shows options in popup window 1419.

Similarly, label 1421 is associated with a group of radio buttons 1423.When switched into a mini mode, the selected value is display on apop-up menu button, which when activated by cursor 1425, brings up apop-up menu 1427.

Label 1431 is followed by scrollable text area 1433. When entering amini mode, label 1431 is converted into push button, which whenactivated by cursor 1435, brings up scrollable text area 1437 in a popup window. Scrollable text area 1437 can also be displayed in a movabledialog window.

Similarly, text entry 1441 is associated with canvas 1443. Canvas 1443displays detailed information related to the text in entry 1441. Forexample, entry 1441 may be for a web address; and canvas 1443 displays aweb page at the web address. Scroll bars 1442 can be used to bringportions of the web page that is not currently visible within canvas1443. When in a mini mode, text entry 1441 is converted into a combo boxtype of button, which allows a user to type in or modify textinformation and to pop up canvas 1445 in a separate window.

FIGS. 15-17 show flow chart examples of methods to switch user interfacecomponents between a normal mode and a mini mode according to variousembodiments of the present invention.

FIG. 15 shows an overall flow chart of a method to switch modes for auser interface component according to one embodiment of the presentinvention. Operation 1501 determines if a GUI component is larger thanthe critical size (e.g., a predetermined size). When the GUI componentis resized such that the GUI component is larger than the critical size,operation 1503 displays the GUI component as a first type of GUIinterface (e.g., a list box in a normal mode); otherwise, operation 1505displays the GUI component as a second type of GUI interface (e.g., acombo box or a pop-up menu in a mini mode).

FIG. 16 shows a flow chart of a method to switch modes for a userinterface component according to one embodiment of the presentinvention. Operation 1601 receives input specifying resizing a windowcontaining a GUI component (e.g., dragging the border of the window, orpushing a button for resizing). The GUI component contains a list ofdisplayable items, such as a selection list, or an option list, orothers. Operation 1603 determines a size of the GUI component. Whenoperation 1605 determines that the GUI component is larger than acritical size (e.g., a predetermined size), operation 1611 displays (ina normal mode) a view of the list of items in part of the area of theGUI component in the window; when operation 1613 receives input changingthe view (e.g., scrolling horizontally or vertically when not all of theitems are currently visible in the view), operation 1615 updates theview in the part of the area of the component (e.g., to display anupdated portion of the list). When operation 1605 determines that theGUI component is not larger than the critical size, operation 1621displays (in a mini mode) the component without showing the list ofitems; when operation 1623 receives input requesting a view of the listof items, operation 1625 displays a view of the list of items in a popupwindow (which is different from the window in which the component isdisplayed).

In one embodiment of the present invention, each of the GUI componentsof a window switches between a normal mode and a mini mode individually,when the window is resized. In another embodiment of the presentinvention, once one of the GUI components enters a mini mode, other GUIcomponents are forced into the mini mode. In a further embodiment of thepresent invention, mode switching for GUI components is performed on agroup basis.

FIG. 17 shows a flow chart of another method to switch between at leasttwo modes for a user interface component according to one embodiment ofthe present invention. After operation 1701 receives input indicatingresizing a window containing a plurality of lists, operation 1703resizes the plurality of lists. When operation 1705 determines theheight of none of the list is smaller than a critical size (e.g., apredetermined size), operation 1707 displays, in a normal mode, each ofthe plurality of lists (e.g., in scrollable views). Otherwise, operation1711 displays, in a mini mode, headings (e.g., icons, names, or defaultvalues) of the lists without showing unselected members of the lists;when operation 1713 receives input (e.g., “clicking” on a heading,pausing the cursor on the heading, pressing a shortcut key, or others)requesting a view of one of the list, operation 1715 displays therequested list in a popup window. According to this embodiment of thepresent invention, the plurality of lists enters the mini mode on agroup basis. It will be appreciated that the various embodiments of themethods in this disclosure may use different techniques to determinewhen to switch between at least two modes. For example, when a userresizes a window (e.g., by dragging an edge of the window) the systemmay determine when the displayed size of the window (e.g., length of theperimeter or window area or height of window) falls below apredetermined size and automatically switch modes. As another example,as the window is resized, the system may determine when the displayedsize of an object (e.g., a scrollable list view) in the window fallsbelow a predetermined size and automatically switch modes. As anotherexample, the system may automatically switch modes for a window (e.g.,this switching may be based on the number of windows displayed; if morethan a certain number of windows is displayed or the amount of screendisplay area used by all displayed windows exceeds a certain percentagethen the system may determine to switch between a normal mode and a minimode for one or more windows).

In the foregoing specification, the invention has been described withreference to specific exemplary embodiments thereof. It will be evidentthat various modifications may be made thereto without departing fromthe broader spirit and scope of the invention as set forth in thefollowing claims. For example, various embodiments described herein maybe used with a system which recognizes the speech (e.g., spokencommands) of the user. In this case, the user may open a window andswitch between the modes (e.g., normal and mini) by speaking commands.The specification and drawings are, accordingly, to be regarded in anillustrative sense rather than a restrictive sense.

1. A method of controlling a display of a data processing system, saidmethod comprising: displaying a first list as a scrollable view of itemsin a first mode; receiving an input to resize a window to switch fromsaid first mode to a second mode; and displaying in response to theinput, in said second mode, a representation of a command which whenactivated causes a display of a second list of said items and wherein,in the second mode, the second list that is associated with the firstlist of items in the first mode is not displayed when the command is notactivated, wherein the window automatically enters mini mode in thesecond mode; wherein said first list is displayed within the window andsaid representation is displayed within said window.
 2. A method as inclaim 1 wherein the representation of the command is a button.
 3. Amethod as in claim 2 wherein the first and second lists have the samecontent.
 4. A method as in claim 1 wherein said input comprises dragginga portion of said window which contains the scrollable view.
 5. A methodas in claim 4 wherein the window shrinks to a minimal predetermined sizeindependently of a drag length when the drag length causes said windowto reach a predetermined size.
 6. A method as in claim 1 wherein saidinput is clicking a button.
 7. A method as in claim 1 wherein saidsecond list is displayed within a movable window.
 8. A method as inclaim 1 wherein said window has buttons for closing the window,minimizing the window and maximizing the window.
 9. A method as in claim8 wherein the window contains a plurality of scrollable views in thefirst mode.
 10. A method as in claim 1 wherein the scrollable view ofsaid items is a scrollable list view of said items.
 11. A method as inclaim 10 wherein the scrollable list view contains at least one of: a)scroll arrows; and b) scroll bar for scrolling the first list.
 12. Amethod as in claim 1 wherein the second list is scrollable.
 13. A methodof controlling a display of a data processing system, said methodcomprising: displaying, in a first mode, a slider control having aslider which can be positioned in one of a plurality of positions toselect through the position of the slider alone, a corresponding one ofa plurality of parameters; receiving an input to resize a window toswitch from said first mode to a second mode; displaying, in said secondmode, a representation of a command which when activated causes adisplay of a list of items corresponding to at least a subset of saidplurality of parameters, wherein the list of items is not displayed whenthe command is not activated.
 14. A method as in claim 13 wherein therepresentation of the command is a button.
 15. A method as in claim 13wherein content of the plurality of positions matches corresponding onesof said items.
 16. A method as in claim 13 wherein said input isdetermined from dragging a portion of a window containing the slider.17. A method as in claim 13 wherein said input is determined fromclicking a button.
 18. A method as in claim 13 wherein said displayingsaid slider control and said displaying, in said second mode, occurwithin a movable window.
 19. A method as in claim 18 wherein the windowhas buttons for closing the window, minimizing the window and maximizingthe window.
 20. A method as in claim 19 wherein the windows shrinks to aminimal predetermined size independently of a drag length when the draglength causes said window to reach a predetermined size.
 21. A computerreadable media containing executable computer program instructions whichwhen executed by a digital processing system cause said system toperform a method of controlling a display of a data processing system,said method comprising: displaying a first list as a scrollable view ofitems in a first mode; receiving an input to resize a window to switchfrom said first mode to a second mode; and displaying in response to theinput, in said second mode, a representation of a command which whenactivated causes a display of a second list of said items and wherein,in the second mode, the second list that is associated with the firstlist of items in the first mode is not displayed when the command is notactivated, wherein the window automatically enters mini mode in thesecond mode; wherein said first list is displayed within the window andsaid representation is displayed within said window.
 22. A media as inclaim 21 wherein the representation of the command is a button.
 23. Amedia as in claim 22 wherein the first and second lists have the samecontent.
 24. A media as in claim 21 wherein said input comprisesdragging a portion of said window which contains the scrollable view.25. A media as in claim 24 wherein the window shrinks to a minimalpredetermined size independently of a drag length when the drag lengthcauses said window to reach a predetermined size.
 26. A media as inclaim 21 wherein said input is clicking a button.
 27. A media as inclaim 21 wherein said second list is displayed within a movable window.28. A media as in claim 21 wherein said window has buttons for closingthe window, minimizing the window and maximizing the window.
 29. A mediaas in claim 28 wherein the window contains a plurality of scrollableviews in the first mode.
 30. A media as in claim 21 wherein thescrollable view of said items is a scrollable list view of said items.31. A media as in claim 30 wherein the scrollable list view contains atleast one of: a) scroll arrows; and b) scroll bar for scrolling thefirst list.
 32. A media as in claim 21 wherein the second list isscrollable.
 33. A computer readable media containing executable computerprogram instructions which when executed by a digital processing systemcause said system to perform operations comprising: displaying, in afirst mode, a slider control having a slider which can be positioned inone of a plurality of positions to select through the position of theslider alone, a corresponding one of a plurality of parameters;receiving an input to resize a window to switch from said first mode toa second mode; displaying, in said second mode, a representation of acommand which when activated causes a display of a list of itemscorresponding to at least a subset of said plurality of parameters inresponse to the input, wherein the list of items is not displayed whenthe command is not activated.
 34. A media as in claim 33 wherein therepresentation of the command is a button.
 35. A media as in claim 33wherein content of the plurality of positions matches corresponding onesof said items.
 36. A media as in claim 33 wherein said input isdetermined from dragging a portion of a window containing the slider.37. A media as in claim 33 wherein said input is determined fromclicking a button.
 38. A media as in claim 33 wherein said displayingsaid slider control and said displaying, in said second mode, occurwithin a movable window.
 39. A media as in claim 38 wherein the windowhas buttons for closing the window, minimizing the window and maximizingthe window.
 40. A media as in claim 39 wherein the windows shrinks to aminimal predetermined size independently of a drag length when the draglength causes said window to reach a predetermined size.
 41. A dataprocessing system to control a display, comprising: means for displayinga first list as a scrollable view of items in a first mode; means forreceiving an input to resize a window to switch from said first mode toa second mode; and means for displaying in response to the input, insaid second mode, a representation of a command which when activatedcauses a display of a second list of said items that is associated withthe first list of items in the first mode and wherein, in the secondmode, the second list is not displayed when the command is notactivated, wherein the window automatically enters mini mode in thesecond mode; wherein said first list is displayed within the window andsaid representation is displayed within said window.
 42. A dataprocessing system to control a display, comprising: means fordisplaying, in a first mode, a slider control having a slider which canbe positioned in one of a plurality of positions to select through theposition of the slider alone, a corresponding one of a plurality ofparameters; means for receiving an input to resize a window to switchfrom said first mode to a second mode; means for displaying, in saidsecond mode, a representation of a command which when activated causes adisplay of a list of items corresponding to at least a subset of saidplurality of parameters, wherein the list of items is not displayed whenthe command is not activated.